<h3>Adding the All for Good Gadget to your Blogger blog</h3>

<p>Here's how to set up an All for Good Gadget for a basic blog template on Blogger.  Start by <a href="http://www.gmodules.com/ig/creator?synd=open&url=http%3A//www.allforgood.org/gadget/gadget.xml&h=315&w=250" target="_blank">going to this page.</a></p>
<p><img src="/zx0000/images/apps/blogger/1.png" /></p>

<p>Under Display settings, the Title is text that will appear above your gadget once it's placed in your blog template. You might enter "All for Good - Pets" and then set pets as a preferred keyword in the Gadget settings. Set the width of your gadget to 200 pixels.	 In this example, we left the border turned off because the blog column is already very narrow. Set Stories to read to 4. Enter your zip code.</p>
<p><img src="/zx0000/images/apps/blogger/2.png" /></p>

<p>Click the Get the Code button and a text field will appear below containing the HTML code you need. Click in the text field, select all and copy.</p>
<p><img src="/zx0000/images/apps/blogger/3.png" /></p>

<p>Click in the text field, select all and copy the HTML in the clipboard.</p>
<p><img src="/zx0000/images/apps/blogger/4.png" /></p>

<p>Log into Blogger and go to your blog's administration area.  Click on the <strong>Layout</strong> tab.  Click the <strong>Add a Gadget</strong> link on the right.</p>
<p><img src="/zx0000/images/apps/blogger/5.png" /></p>

<p>In the pop up window, click on <strong>HTML/JavaScript</strong></p>
<p><img src="/zx0000/images/apps/blogger/6.png" /></p>

<p>Under <strong>Title</strong>, enter a title for the Gadget that makes sense for your blog.  Paste the code you copied earlier under <strong>Content</strong>.  Click <strong>Save</strong>.</p>
<p><img src="/zx0000/images/apps/blogger/7.png" /></p>

<p>You'll now see the gadget name listed in your sidebar.</p>
<p><img src="/zx0000/images/apps/blogger/8.png" /></p>


<p>Click to view your blog, and you'll see the gadget!</p>